<style>
    .skin-list li{
        float:left; width: 33.33333%; padding: 5px;
    }
    .skin-list li a{
        display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4);
    }
    .skin-list li a span{
        display: block;
        float:left;
    }
    .skin-list li.active a {
        opacity: 1;
        filter: alpha(opacity=100);
    }
    .skin-list li.active p {
        color: #fff;
    }
    
</style>
<!-- Control Sidebar 0-->
<div class="control-modal-make-layer-0"></div>
<aside class="control-modal-0">
    <div class="control-modal-container control-sidebar-grey" >
        <!-- Create the head -->
        <div class="modal-header">
            <div class="row">
                <div class="col-xs-4">
                    <button type="button" class="close-modal" data-toggle="control-modal-close">
                        <span aria-hidden="true">×</span>
                    </button>
                </div>
                <div class="col-xs-8 text-right modal-header-right">
                    <!-- <button class="btn btn-success btn-embossed"><i class="fa fa-save"></i> {:__('儲存')}</button> -->
                </div>
            </div>
        </div>
        <!-- Control Sidebar body-->
        <div class="modal-body" style="">
            <div class="modal-container" style="height: 100%;">
                <iframe src="" width="100%" height="100%" name="modal-iframe-view" id="_modalIframeview0" style="overflow: hidden;" frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling-x="no" scrolling-y="no" allowtransparency="no"></iframe>
            </div>
        </div>
        <div class="modal-resizer" data-toggle='control-modal-full'>
            <i class="fa fa-angle-double-left"></i>
        </div>
    </div>
</aside>
<!-- Control Sidebar 1-->
<div class="control-modal-make-layer-1"></div>
<aside class="control-modal-1">
    <div class="control-modal-container control-sidebar-grey" >
        <!-- Create the head -->
        <div class="modal-header">
            <div class="row">
                <div class="col-xs-4">
                    <button type="button" class="close-modal" data-toggle="control-modal-close">
                        <span aria-hidden="true">×</span>
                    </button>
                </div>
                <div class="col-xs-8 text-right modal-header-right">
                    <!-- <button class="btn btn-success btn-embossed"><i class="fa fa-save"></i> {:__('儲存')}</button> -->
                </div>
            </div>
        </div>
        <!-- Control Sidebar body-->
        <div class="modal-body" style="">
            <div class="modal-container" style="height: 100%;">
                <iframe src="" width="100%" height="100%" name="modal-iframe-view" id="_modalIframeview1" style="overflow: hidden;" frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling-x="no" scrolling-y="no" allowtransparency="no"></iframe>
            </div>
        </div>
        <div class="modal-resizer" data-toggle='control-modal-full'>
            <i class="fa fa-angle-double-left"></i>
        </div>
    </div>
</aside>
<!-- Control Sidebar 2-->
<div class="control-modal-make-layer-2"></div>
<aside class="control-modal-2">
    <div class="control-modal-container control-sidebar-grey" >
        <!-- Create the head -->
        <div class="modal-header">
            <div class="row">
                <div class="col-xs-4">
                    <button type="button" class="close-modal" data-toggle="control-modal-close">
                        <span aria-hidden="true">×</span>
                    </button>
                </div>
                <div class="col-xs-8 text-right modal-header-right">
                    <!-- <button class="btn btn-success btn-embossed"><i class="fa fa-save"></i> {:__('儲存')}</button> -->
                </div>
            </div>
        </div>
        <!-- Control Sidebar body-->
        <div class="modal-body" style="">
            <div class="modal-container" style="height: 100%;">
                <iframe src="" width="100%" height="100%" name="modal-iframe-view" id="_modalIframeview1" style="overflow: hidden;" frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling-x="no" scrolling-y="no" allowtransparency="no"></iframe>
            </div>
        </div>
        <div class="modal-resizer" data-toggle='control-modal-full'>
            <i class="fa fa-angle-double-left"></i>
        </div>
    </div>
</aside>
<script type="text/javascript">
    function resizeIframe(iframe) {
        // var iframeBody = iframe.contentDocument || iframe.contentWindow.document;
        // var html = iframeBody.documentElement.outerHTML;
        // var body = iframeBody.body;
        // $(body).addClass('modal-iframe');
        // var contentHeight = body.scrollHeight;
        // iframe.height = contentHeight + "px";
    }
</script>
<!-- /.control-sidebar -->
